@import './normalize.less';
body {
    background-color: #fe4775;
    font-family: 'Montserrat';
}

.bg {
    position: relative;
    font-family: 'Avenir LT Std';
    height: 13.3333rem;
    .semicircle {
        position: absolute;
        top: 0;
        left: 0;
        width: 3.7867rem;
        height: 4.64rem;
        background-color: #ffffff;
        opacity: 0.95;
        border-bottom-right-radius: 100% 100%;
    }

    .triangle {
        position: absolute;
        top: 7rem;
        right: -2.8rem;
        opacity: 0.95;
        border-style: solid;
        transform: rotateZ(55deg);
        border-width: 0px 3rem 3rem 3rem;
        border-color: transparent transparent #ffffff transparent;
    }

    h3 {
        position: absolute;
        top: 2.8rem;
        right: .1333rem;
        font-size: 2.4rem;
        line-height: 1.0933rem;
        letter-spacing: .1333rem;
        color: #fefdfd;
        opacity: 0.7;
    }
}

.user {
    height: 2.6667rem;
    // background-color: skyblue;
    position: absolute;
    top: 8rem;
    left: .5867rem;
    font-size: 0.48rem;
    letter-spacing: .0533rem;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    input {
        background-color: transparent;
        width: 6rem;
        height: .8rem;
        border-bottom: .0533rem solid #fff;
        border-radius: .0267rem;
        vertical-align: middle;
        text-indent: 1em;
    }
    .exist{
        position: absolute;
        right: 0.16rem;
        bottom: 1.3866rem;
        color: #fff;
        font-size: .32rem;
    }
    .msg{
        position: absolute;
        right: .16rem;
        bottom:-0.5333rem;
        color: #fff;
        font-size: .32rem;
    }

}
.agree{
    position: absolute;
    width: 100%;
    top: 11.6rem;
    text-align: center;
    font-size: .3733rem;
    .agree_msg{
        position: absolute;
        top: .72rem;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        font-size: .32rem; 
    }
    a{
        color: #fff;
    }
}
.login {
    position: absolute;
    top: 13.0667rem;
    left: 50%;
    transform: translateX(-50%);
    width: 6.3467rem;
    height: 1.0133rem;
    background-color: #635cb2;
    box-shadow: 0px .08rem .16rem 0px rgba(0, 0, 0, 0.16);
    border-radius: .8rem;
    font-size: .48rem;
    letter-spacing: .08rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.0133rem;
    border: none;
}

.footer {
    position: absolute;
    top: 15.0667rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;

    p {
        font-size: .3733rem;
        color: #4f4f4f;
    }

    .sign {
        font-size: .56rem;
        color: #161060;
    }
}